<template>
  <div class="about">
    <dryTranslater />
    <h1>This is an about page</h1>
    <!-- 测试mixin -->
    <comA />
    <comB />
    <!-- 测试render -->
    <Header tag="ul" />
    <componet />
    <RenderApp v-my-directive />
    <NavBar />
    <BFC />
  </div>
</template>
<script>
import comA from "./test-vue-Mixin/components/ComA.vue";
import comB from "./test-vue-Mixin/components/ComB.vue";
import Header from "./test-render/header.vue";
import componet from "./test-render/componet.vue";
import RenderApp from "./test-render2/RenderApp.vue";
import NavBar from "./test-directives/NavBar.vue";
import BFC from "./css-test-bfc/index.vue";
export default {
  name: "about",
  components: {
    comA,
    comB,
    Header,
    componet,
    RenderApp,
    NavBar,
    BFC
  },
  created() {
    this.$myMethod()
  }
};
</script>
<style scoped>
.about {
  position: relative;
  height: 100%;
  width: 100%;
}
</style>
